@import "../css/fonts/iconfont.css";
@import "../css/base.css";

html{
  //max-width:1270px;
  margin: 0 auto;
  //background-color: $default-bg-color;
  //background-image: $default-bg-image;
  //方法1
  //@include themeify{
  //  background-color:themed("background-color");
  //  background-image:themed("background-image");
  //}
  //方法2
  @include themeifyBg{
    background-color:themed("background-color");
    background-image:themed("background-image");
    color:themed("base-color");
  }

}
//方法2动态生成后的格式
//html[data-theme='default-theme'] {
//  background-color: $default-bg-color;
//  background-image: $default-bg-image;
//}
//
//html[data-theme='light-theme'] {
//  background-color: $light-bg-color;
//  background-image: $light-bg-image;
//}

/* 针对van-row， van-col增加的样式*/
.table-tr-height {
}
.box-content-table .box-content-table-th{
  border-top:1px solid #3a8ee6;
  border-left:1px solid #3a8ee6;
  font-size: 14px;
  font-weight: bold;
}
.box-content-table .box-content-table-tr{
  border-left:1px solid #3a8ee6;
  font-size: 14px;

  &:hover {
    background-color: #f5f5f5;
    color:#0F063E;
  }
}
.box-content-table .van-col{
  border:1px solid #3a8ee6;
  border-top:0;
  border-left:0;
  line-height:to_vw(40);
  text-align:center;
}
.box-content-table .van-radio-group{
  height: to_vw(40);
}
.box-content-table .van-radio__label{
  color:#ffffff;
}
/*el-table自定义样式*/
.el-table{
  font-size:14px;
  background-color: transparent !important;
  color:#FFFFFF !important;
  /*此属性会使表格高度超出时在导航上显示白线，这里去掉*/
  --el-table-border-color:none !important;
}
/*最外层透明*/
.el-table, .el-table__expanded-cell{
  background-color: transparent !important;
  color:#FFFFFF !important;
}
/* 表格内背景颜色 */
.el-table th, .el-table tr, .el-table td {
  background-color: transparent !important;
  //color:#FFFFFF !important;
  @include themeify{
    color:themed("table-color");
  }

}

.el-table tr .el-table-fixed-column--right{
  //background: #184474cc !important;
  background-color: rgba(102, 177, 255, 0.6) !important;
}
.el-table .caret-wrapper{
  width:12px !important;
}
.el-table .sort-caret{
  left:0 !important;
}
.el-table .cell{
  line-height: to_vw(33) !important;
  /*padding:0 0 0 3px !important;*/
}
/*el-table中使用的，针对行的自定义类*/
.custom-cell-class{
  padding:2px 0 !important;
}
.el-table--striped .el-table__body tr.el-table__row--striped td {
  background: #d9ecff;
}
.el-table .current-row>td{
  background-color: #6aa9ee !important;
}
.el-table .warning-row {
  background: #eecb97 !important;
}
.el-table .success-row {
  background: #b7ec9c !important;
}
.el-table .info-row {
  /*background: #f4f4f5;*/
  background-color:transparent;
}
.el-table .danger-row {
  //background: #F56C6C !important;
  background: #7fd9e5 !important;

}

.el-button{
  background-color: rgba(102, 177, 255, 0.6) !important;
  @include themeify{
    color:themed("table-color");
  }
}
.el-dropdown__popper .el-dropdown-menu{
  border:1px solid #00cc00 !important;
  padding:0 !important;
}
.el-dropdown-menu__item{
  border-bottom:1px solid #00ff00;
}

.top-bar-btn{
  background-color: #66b1ff99;
  @include themeify{
    color:themed("table-color");
  }
  padding: to_vw(5);
  border-radius: to_vw(4);
  cursor: pointer;
  font-size: to_vw(18) !important;
}
.top-bar-avatar{
  cursor: pointer;
  border: 1px solid #00cc00;
  padding: to_vw(4);
  border-radius: to_vw(15);
  background-color: #66b1ff99;
  //background-color: rgba(58, 142, 230, 1);
  @include themeify{
    color:themed("table-color");
  }
  font-size: to_vw(18);
  font-weight: bold;
}

.van-popup{
  background-color:#2196f3b5 !important;
}
.van-cell{
  padding:0;
  background-color: #ffffff4d;
}

.linkBtn{
  cursor:pointer;
  text-underline: #3a8ee6;
  color:#8bc34a;
}

.showOverTooltip{
  display:-webkit-box;
  text-overflow:ellipsis;
  overflow:hidden;
  /*这里是1行*/
  -webkit-line-clamp: 1;
  -webkit-box-orient:vertical;
}

.showOverTooltip2{
  width:70%;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-inline-box;
  /*这里是2行*/
  -webkit-line-clamp: 2;
  -webkit-box-orient:vertical;
  vertical-align: text-top;
}